<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="../jquery-1.10.1.min.js"></script>
	<script type="text/javascript">
	/*
		$()下的常用方法:
			parents() : 获取当前元素的所有祖先节点，参数就是筛选功能
			closest() : 获取最近的指定的祖先节点(可以是自己)，必须要写筛选的参数，只能找到一个元素
	*/
	$(function() {

		// $('p').parents().css('background', '#45dfff');		//祖先节点有 div2、div1、body、html

		// $('p').parents('div').css('background', '#45dfff');		//在所有祖先节点当中找到所有是div的元素

		// $('p').closest('div').css('background', '#45dfff');
		
		$('p').closest('p').css('background', '#45dfff');
	});
	</script>
</head>
<body>
	<div id="div1">div1
		<div id="div2">div2
			<p>p<p>
		</div>
	</div>

</body>
</html>